import { h, Component } from 'preact';

export default class AsideContent extends Component{
    

	render(props,state){
		return (
			<aside className="r_box" style="position: static; left: auto; width: 30%;">
				<div className="about_me">
					<h2>博主介绍</h2>
					<ul>
						<i><img src="./assets/my/me.jpg" /></i>
						<p>
						温南南，92年的油腻青年。近4年的全栈开发经验，熟悉分布式架构springcloud（了解和开发过ice，dubbo）和前端主流框架（react，vue），从事架构研究近3年，熟悉docker，jenkins，git可持续集成和发布。以及对新事物有着浓厚兴趣。flutter，k8s...
						15年6月实习（已经做项目）
						16年7月毕业 做了几个完整项目 年底开始接触微服务，并且开始学习和研究这一个面。
						17年致今系统架构以及devops
						</p>
					</ul>
				</div>
				<div className="guanzhu">
					<h2>加我微信哦</h2>
					<ul>
						<img src="./assets/images/wx.jpg" />
					</ul>
				</div>
			 <div className="wdxc">
					<h2>图文精选</h2>
					<ul>
						<li><a href="http://showtime.yangqq.com/study/biji/25.html" title="【匆匆那些年】总结个人博客经历的这四年…"
							target="_blank"
						    ><img src="./assets/images/a465dddcbbcce5f7d73e1ea7fdc48b11.jpg" /></a></li>
						<li><a href="http://showtime.yangqq.com/study/biji/27.html" title="帝国cms常用标签调用方法总结（不得不收藏哦）"
							target="_blank"
						    ><img src="./assets/images/a0b65d3d8160f90f6556c4dfa3a85a59.jpg" /></a></li>
						<li><a href="http://showtime.yangqq.com/study/biji/28.html" title="使用ASPCMS建站网站被黑"
							target="_blank"
						    ><img src="./assets/images/2ab0bdcc2d40794f183031053dd1a4d2.jpg" /></a></li>
						<li><a href="http://showtime.yangqq.com/study/biji/29.html" title="IE6到底哪里不好？你还继续用IE6吗？"
							target="_blank"
						    ><img src="./assets/images/b1d8cde248671b1e75ef302609595b1f.jpg" /></a></li>
						<li><a href="http://showtime.yangqq.com/study/biji/31.html" title="IE常见bugs以及解决方案列表"
							target="_blank"
						    ><img src="./assets/images/1ed9f310ffdbfdbb4c695671233296b5.jpg" /></a></li>
						<li><a href="http://showtime.yangqq.com/study/biji/32.html" title="鼠标悬停图片、文字css3效果"
							target="_blank"
						    ><img src="./assets/images/12f33cc4c1c692e2fa0017275fcc265f.jpg" /></a></li>
					</ul>
				</div>
				<div className="tuijian">
					<h2 id="tab"><a href="http://showtime.yangqq.com/#" className="current">最新文章</a><a
						href="http://showtime.yangqq.com/#"
					                                                                                >点击排行</a></h2>

					<div id="content">
						<ul style="display:block;">
							<li><a href="http://showtime.yangqq.com/study/web/1.html" title="个人博客模板《show time》蓝色版"
								target="_blank"
							    >个人博客模板《show time》蓝色版</a></li>
							<li><a href="http://showtime.yangqq.com/about/wall/2018-08-04/59.html" title="我是怎么评价自己的？"
								target="_blank"
							    >我是怎么评价自己的？</a></li>
							<li><a href="http://showtime.yangqq.com/life/11.html" title="我是怎么评价自己的？"
								target="_blank"
							    >我是怎么评价自己的？</a></li>
							<li><a href="http://showtime.yangqq.com/study/web/35.html" title="帝国cms列表页调用关键字tag标签"
								target="_blank"
							    >帝国cms列表页调用关键字tag标签</a></li>
							<li><a href="http://showtime.yangqq.com/study/web/36.html" title="帝国cms去掉广告图片的高和宽"
								target="_blank"
							    >帝国cms去掉广告图片的高和宽</a></li>
							<li><a href="http://showtime.yangqq.com/study/web/37.html" title="个人博客模板《More》后台管理"
								target="_blank"
							    >个人博客模板《More》后台管理</a></li>
							<li><a href="http://showtime.yangqq.com/study/web/38.html" title="帝国cms结合项如何实现多条件查询"
								target="_blank"
							    >帝国cms结合项如何实现多条件查询</a></li>
							<li><a href="http://showtime.yangqq.com/study/web/39.html" title="帝国cms 如何使用静态页面？"
								target="_blank"
							    >帝国cms 如何使用静态页面？</a></li>
						</ul>
						<ul>
							<li><a href="http://showtime.yangqq.com/life/11.html" title="我是怎么评价自己的？"
								target="_blank"
							    >我是怎么评价自己的？</a></li>
							<li><a href="http://showtime.yangqq.com/about/wall/2018-08-04/66.html" title="抄袭门过后——丢掉心结，重拾自己"
								target="_blank"
							    >抄袭门过后——丢掉心结，重拾自己</a></li>
							<li><a href="http://showtime.yangqq.com/life/18.html" title="IP要突破2000+了"
								target="_blank"
							    >IP要突破2000+了</a></li>
							<li><a href="http://showtime.yangqq.com/photo/rw/2.html" title="个人博客模板《show time》蓝色版"
								target="_blank"
							    >个人博客模板《show time》蓝色版</a></li>
							<li><a href="http://showtime.yangqq.com/life/12.html" title="安静地做一个爱设计的女子"
								target="_blank"
							    >安静地做一个爱设计的女子</a></li>
							<li><a href="http://showtime.yangqq.com/life/52.html" title="个人博客从简不繁"
								target="_blank"
							    >个人博客从简不繁</a></li>
							<li><a href="http://showtime.yangqq.com/study/web/1.html" title="个人博客模板《show time》蓝色版"
								target="_blank"
							    >个人博客模板《show time》蓝色版</a></li>
							<li><a href="http://showtime.yangqq.com/life/13.html" title="个人博客，属于我的小世界！"
								target="_blank"
							    >个人博客，属于我的小世界！</a></li>
						</ul>
					</div>
				</div>
				<div className="fenlei">
					<h2>友情链接</h2>
					<ul>
						<li><a href="/" title="温南南个人博客" target="_blank">温南南个人博客</a></li>
					</ul>
				</div>
			</aside>
		);
	}
}

